<!DOCTYPE html>

<html lang="en">
<head>
<title>how are you |Home</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/demo.css">
<link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:400,700' rel='stylesheet' type='text/css'>
<script src="js/jquery-1.7.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/uCarousel.js"></script>
<script src="js/tms-0.4.1.js"></script>
<script>
$(document)
    .ready(function () {
    $('.gallery')
        ._TMS({
        show: 0,
        pauseOnHover: true,
        prevBu: '.prev',
        nextBu: '.next',
        playBu: '.play',
        duration: 700,
        preset: 'fade',
        pagination: $('.img-pags')
            .uCarousel({
            show: 2,
            shift: 0,
            rows: 4
        }),
        pagNums: false,
        slideshow: 7000,
        numStatus: true,
        banners: false,
        waitBannerAnimation: false,
        progressBar: false
    })
})
</script>
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<div class="main">
  <!--==============================header=================================-->
  <header style="background:url('');">
    <h1 style="background:rgba(0, 0, 0, 0.06);" ><a href="index.html"><img src="images/logo1.png" alt=""></a></h1>
    <nav>
      <div id="slide" style="width:1170px;">
        <div class="gallery">
          <ul class="items">
            <li><img src="images/gallery-big-0.jpg" alt=""></li>
            <li><img src="images/gallery-big-1.jpg" alt=""></li>
            <li><img src="images/gallery-big-2.jpg" alt=""></li>
            <li><img src="images/gallery-big-3.jpg" alt=""></li>
            
            <li><img src="images/gallery-big-7.jpg" alt=""></li>
            
          </ul>
        </div>
        <a href="#" class="prev"></a><a href="#" class="next"></a> </div>
      <ul class="menu">
        <li class="current"><a href="index.html" class="clr-1">Home</a></li>
        <li><a href="about.html" class="clr-2">About</a></li>
        <li><a href="magazines.html" class="clr-3">Magazines</a></li>
        <li><a  class="clr-4" href="review.html" >Comments</a></li>
		<li><a href="branches.html" class="clr-5">Branches</a></li>
          <li><a  class="clr-3" href="contacts.html" >Contacts</a></li>     
		<li><a href="terms.html" class="clr-2">Terms & Conditions</a></li>

      </ul>
    </nav>
  </header>
  <!--==============================content================================-->
  <section id="content">
    <div class="container_12">
      <div class="grid_4 bot-1" style="margin-left: -100px;width:200px;">
        <h2 class="top-6 p2" style="font-size:27px" >Join-Us Categories Test Demo</h2>
        <ul class="list-1">
          <li><a  href="magazines.html"  >Technical Magazines</a></li>
		  <li><a  href="magazines.html"  >Kid Zone</a></li>
          
          <li><a  href="magazines.html" >Science Magazines</a></li>
          <li><a  href="magazines.html" >Language Magazines</a></li>
          <li><a  href="magazines.html" >Easy tricky Magics</a></li>
          <li><a  href="magazines.html" >Fictions Magazines</a></li>
          <li><a  href="magazines.html" >Geographical Magazines</a></li>
          <li><a  href="magazines.html" >Junior Engineering Magazines</a></li>
          <li><a  href="magazines.html" >Puzzles Magazines</a></li>
          <li><a href="magazines.html"  >Dictionary</a></li>
          <li><a href="magazines.html"  >Health and Fitness Magazines</a></li>	
          <li><a  href="magazines.html" >Sports and Events Magazines</a></li>
          <li><a  href="magazines.html"  >Junior art of Drawing</a></li>
          
          
        </ul>
      </div>
      <div class="grid_8">
        <div class="block-1 top-5" style="width: 920px;">
          <div class="block-1-shadow">
            <h2 class="clr-6 p4"  >Join-Us Magazines</h2>
            <div class="pag">
              <div class="img-pags">
                <ul>
                  <li><a href="#"><span><img src="images/img2.jpg" alt="" class="img-border"> <strong class="text-2">Fictions and Novels</strong></span></a></li>
                  <li><a href="#"><span><img src="images/img4.jpg" alt="" class="img-border"> <strong class="text-2">Kids Dictionary</strong></span></a></li>
				  <li><a href="#"><span><img src="images/img1.jpg" alt="" class="img-border"> <strong class="text-2">History Magazines</strong></span></a></li>
                  <li><a href="#"><span><img src="images/img3.jpg" alt="" class="img-border"> <strong class="text-2">Science Magazines</strong></span></a></li>
                  <li><a href="#"><span><img src="images/img5.jpg" alt="" class="img-border"> <strong class="text-2">Easy Tricky Magics</strong></span></a></li>
                  <li><a href="#"><span><img src="images/img6.jpg" alt="" class="img-border"> <strong class="text-2">Art of Drawing</strong></span></a></li>
                  <li><a href="#"><span><img src="images/img7.jpg" alt="" class="img-border"> <strong class="text-2">Kids Atlas</strong></span></a></li>
                  <li><a href="#"><span><img src="images/img8.jpg" alt="" class="img-border"> <strong class="text-2">Kids Language Magazine</strong></span></a></li>
				  
				  <li style="display: block; position: absolute; left: 600px; top: 0px;" ><a href="#"><span><img src="images/img12.jpg" alt="" class="img-border"> <strong class="text-2">Technical Magazines</strong></span></a></li>
				  <li style="display: block; position: absolute; left: 600px; top: 249px;" ><a href="#"><span><img src="images/img9.jpg" alt="" class="img-border"> <strong class="text-2">Puzzles Magazine</strong></span></a></li>
				  <li style="display: block; position: absolute; left: 600px; top: 498px;"><a href="#"><span><img src="images/img10.jpg" alt="" class="img-border"> <strong class="text-2">Junior Engineering Magazines</strong></span></a></li>
				  <li style="display: block; position: absolute; left: 600px; top: 747px;" ><a href="#"><span><img src="images/img11.jpg" alt="" class="img-border"> <strong class="text-2">Sports Magazines</strong></span></a></li>
                </ul>
              </div>
            </div>
            <div class="clear"></div>
            <div class="pad-2"> <a  href="magazines.html"  class="link-2">More Magazines</a> </div>
			
			<iframe width="560" height="315"style="margin-left:180px" src="http://www.youtube.com/embed/Ty-tZ7-TzSM" frameborder="0" allowfullscreen></iframe>
			
			<br />
			<br />
			<br />
			<br />
          </div>
		  
		  
        </div>
        <!--==============================footer=================================-->
          <footer>
          <p>© 2014 Join Us</p>
          <p>Website by <a target="_blank" class="link">BigPerl.com</a></p>
        </footer>
      </div>
      <div class="clear"></div>
    </div>
  </section>
</div>
</body>
</html>
